<template>
  <div>
    <div class="lable_page_ict">
      <lable-page :itemList=dateList @changeLable="lableChange"></lable-page>
      <div class="item-content" v-html="descript">

      </div>
    </div>
  </div>
  
</template>

<script>
import lablePage from '../publicComponent/lablePage'
import {collegeTrainLable, collegeDataList, collegecourseDetals } from '@/api/getData'
export default {
  data () {
      return{
        descript: '',
        dateList: []
      }
    
  },
  mounted(){
    collegecourseDetals.call(this,3).then(res=>{
      this.dateList = res
      if(res.length!=0){
        this.descript = res[0].content
      }
      
      // console.log(res)
    })
    // collegeTrainLable.call(this).then(res=>{
    //   this.lablePageData = res;
    // })
    // collegeDataList.call(this).then(res=>{
    //   this.dataList = res;
    // })
  },
  components: {
    lablePage
  },
  methods: {
     lableChange(key){
       this.descript = this.dateList[key].content
      }
  }
}
</script>

<style lang="stylus" scoped>
.lable_page_ict{
  background:rgba(255,255,255,1);
  box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
  margin-bottom: 20px;
  border-bottom: 1px solid transparent;  
}
.lable_page-title{
    font-size:24px;
    font-family:PangMenZhengDao;
    color:rgba(255,39,88,1);
    line-height:24px;
    margin-top: 40px;
    margin-bottom: 60px;
    padding-left: 30px;
}
.page-item-title{  
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(168,168,168,1);
    line-height:14px;
    padding-left: 30px;
    margin-bottom: 20px;
}
.page-item-text{
    font-size:14px;
    color:rgba(30,30,30,1);
    line-height:34px;
    padding: 0 30px;
    margin-bottom: 60px;
}
.lable_page_approve{
    padding: 0 30px;
    font-size: 0;
    margin-bottom: 30px;
    div{
        display inline-block;
        width: 124px;
        height: 124px;
        margin-right: 30px;
        margin-bottom: 30px;
        background: #ff0000;
        img{
            width: 100%;
            height: 100%;
        }
    }
    div:nth-child(6n){
        margin-right: 0;
    }
}


.item-content{
    padding: 40px 30px;
}
</style>
